body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, textarea, p, blockquote, th, td, img ,iframe { margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
input,button,textarea,option { font:12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style:none; border:0px; }
img{ border:0px; }
.clear{ font:0px/0px serif; display:block; clear:both; }
html{ -webkit-text-size-adjust: none; }
input{ outline:none; vertical-align:middle; margin:0; padding:0;}
button{ border:none; margin:0; padding:0;}
textarea{ resize:none; vertical-align:middle;}
select{ vertical-align:middle;}
a{ text-decoration:none; }
.json{ display:none;}
body:nth-of-type(1) input:focus,textarea:focus{ outline:none; }
body{ font:12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color:#333; background:#fff; position:relative;z-index: -1;}
/*header*/
#header{ width:100%; height:36px; margin:0 auto; border-bottom:1px solid #ddd;}
.header{ width:1100px; height:36px; margin:0 auto;}
.header ul{ float:left;}
.header li{ float:left; font: normal 12px/36px "\5b8b\4f53","Tahoma"; color:#666;}
.header li input{ width:90px; height:18px; float:left; border:1px solid #d7d7d7; margin:9px 5px 9px 0;}
.header li button{ width:39px; height:19px; float:left; border:0; margin:9px 3px; background:url(../images/company2015/company2015.png) no-repeat 0 0; cursor:pointer;}
.header li a{ color:#666; padding:0 5px;}
.header p{ line-height:36px; float:right; color:#dfdfdf; margin-right:-4px;}
.header p a{ display:inline-block; color:#666; padding:0 4px;}
.header p a.mobile{ padding-left:22px; background:url(../images/company2015/company2015.png) no-repeat -62px -22px; color:#5b7648;}
.header li a:hover,.header p a:hover{ color:#f60; text-decoration:underline;}
/*top*/
#top{ width:100%; height:122px; margin:0 auto; background:url(../images/company2015/topbg.jpg) repeat-x;}
.top{ width:1100px; height:122px; margin:0 auto; position:relative; z-index:9999;}
.top .logo{  position:absolute; left:0; top:9px; z-index:1;}
.search{ width:790px; height:35px; position:absolute; left:310px; top:27px; z-index:11111;}
.search .dropdown{ width:74px; height:31px; float:left; border:2px solid #ddd; border-left:0; border-right:1px solid #ddd; font-size:14px; line-height:31px; background:#f8f8f8 url(../images/company2015/searchIcon.png) no-repeat right center; text-indent:10px; color:#7d7d7d; cursor:pointer; position:relative; z-index:2;}
.search #field{ border-left:2px solid #ddd;}
.search .dropdown ul{ width:74px; background:#fff; border:1px solid #ddd; position:absolute; left:-1px; top:32px; display:none; padding:3px 0;}
.search .dropdown ul.areaList{ width:222px}
.search .dropdown li{ width:74px; float:left; font-size:12px; line-height:22px;}
.search #progress{ text-indent:8px;}
.search #field,.search #field li{ width:220px;}
.search #field ul{ width:660px;}
.search #progress,.search #progress ul,.search #progress li{ width:90px;}
.search .smartbox{ width:400px; float:left;}
.smartbox .text{ width:302px; height:31px; line-height:31px; float:left; border:none; border-top:2px solid #ddd; border-bottom:2px solid #ddd; text-indent:8px; color:#777; font-size:14px;}
.smartbox #searchBtn{ width:98px; height:35px; float:left; background:#76a246; border:none; cursor:pointer; font-size:14px; color:#fff; font-weight:bold;}
.selected{ background:#76a145; color:#fff;}
.top .nav{ width:1100px; height:40px; position:absolute; left:0; top:82px; z-index:1; font:bold 18px/40px "Microsoft Yahei","\5b8b\4f53";}
.nav a{ width:135px; height:40px; background:#feb70f; display:inline-block; text-align:center; color:#fff; border-left:1px solid #ffc562; border-right:1px solid #f4a500;}
.nav a:hover,.nav a.active{ color:#fff; background:#76a145; text-shadow:none;}
.nav a.active{ width:141px; border:0;}
/*news*/
.banner{ width:1100px; margin:14px auto 0;}
.news{ width:268px; height:278px; float:left; background:#fbfbfb; border:1px solid #e3e3e3;}
.news h3{ width:268px; height:38px; float:left; margin-top:2px; text-indent:18px; font:bold 18px/38px "Microsoft Yahei","\5b8b\4f53";}
.news h3 a{ color:#333;}
.newsBox{ width:234px; height: 137px;float:left; background:#fff; margin-left:16px; display:inline; position: relative;}
.newsBox img{width: 234px; height: 137px; vertical-align: middle; text-align: center;}
.newsBox span{ position: absolute;  width:234px; height:24px; top: 113px; background-color: #76a145; left: 0;  font:bold 14px/24px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
.newsBox span a{ color:#fff;}
.newsBox span a:hover,.news li a:hover{ color:#f60; text-decoration:underline;}
.newsBox p{ width:112px; height:32px; float:left; margin-top:4px; font-size:12px; line-height:16px; overflow:hidden; color:#888;}
.news ul{ width:236px; float:left; margin-left:16px; padding-top:14px; display:inline;}
.news li{ width:236px; height:25px; float:left; font-size:14px; line-height:25px; background:url(../images/company2015/company2015.png) no-repeat -76px -58px; text-indent:10px; overflow:hidden;}
.news li a{ color:#333;}
/*flash*/
.flash{ width:560px; height:280px; float:left; position:relative; z-index:1;}
.flashImg{ width:560px; height:280px; position:absolute; z-index:1; left:0; top:0;}
.flashBtn{ width:82px; height:12px; padding:3px 0 3px 2px; position:absolute; z-index:2; left:438px; top:253px; background:url(../images/company2015/flashBtnBg.png) no-repeat;}
.flashBtn a{ width:12px; height:12px; float:left; margin:0 4px; cursor:pointer; background:url(../images/company2015/flashIcon.jpg) no-repeat;}
.flashBtn a.active{ background-position:-12px 0;}
/*buy*/
.buy{ width:270px; height:280px; float:left; background:#eee;}
.buyTop{ width:251px; height:41px; float:left; margin-left:10px; display:inline;}
.buyTop span{ float:left; color:#616161; font:bold 18px/41px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden; text-shadow:1px 1px 0 #fff;}
.buyTop p{ float:right; padding-right:5px; padding-top:13px;}
.buyTop p a{ width:16px; height:18px; float:left; margin:0 1px; background:url(../images/company2015/buyIcon.jpg) no-repeat; text-align:center; color:#fff; line-height:18px; font-family:"Tahoma";}
.buyList{ width:251px; height:239px; float:left; background:url(../images/company2015/buybg.jpg) no-repeat; margin-left:10px; display:inline;}
.buyList ul{ width:223px; float:left; margin-left:14px; display:inline; overflow:hidden;}
.buyList li{ width:223px; height:33px; float:left; line-height:33px; border-bottom:1px dotted #888; overflow:hidden;}
.buyList a{ color:#fff;}
.buyList i{ font-style:normal; padding-left:6px; color:#666;}
.buy td{ background:#a6a6a6; width:251px;}
/*main*/
.main{ width:1100px; margin:14px auto 0; background:#cdcdcd; padding-bottom:14px;}
.mainTop{ width:1100px; height:40px; float:left; margin-top:7px; overflow:hidden;}
.mainTop h3{ float:left; height:40px; text-indent:18px; font:bold 22px/40px "Microsoft Yahei","\5b8b\4f53"; text-shadow:0 2px 0 #fff;}
.mainTop h3 a{ color:#343434;}
.mainTop ul{ float:left; height:15px; margin:15px 0 0 12px; display:inline;}
.mainTop li{ width:21px; height:15px; float:left; margin:0 5px 0 4px; display:inline; background:#fff;}
.mainTop a.more{ color:#333; float:left; line-height:46px; margin-left:4px;}
.mainTop a.more:hover{ color:#f60; text-decoration:underline;}
.mainList{ height:136px; float:left; margin-left:10px;}
.mainList li{ width:164px; height:136px; float:left; padding:0 8px; position:relative; z-index:1;}
.mainList img{ width:160px; height:105px; border:2px solid #fff; position:absolute; left:8px; top:0; z-index:1;}
.mainListIcon{ width:64px; height:64px; display:block; position:absolute; left:58px; top:22px; z-index:2; background:url(../images/company/playIcon.png) no-repeat;}
.mainList p{ width:164px; height:25px; position:absolute; left:8px; bottom:0; z-index:2; background:#5b5b5b; text-align:center; overflow:hidden; font-size:14px; line-height:25px;}
.mainList p a{ color:#fff;}
.mainList p a:hover{ text-decoration:underline;}
/*companyBox*/
.company{ width:1100px; margin:16px auto 0; border-top:2px solid #8fcc5f;}
.company h3{ width:209px; height:40px; float:left; background:url(../images/company2015/titlebg.jpg) no-repeat;}
.comLeft{ width:209px; float:left;}
.comLeft ul{ width:208px; float:left; border-left:1px solid #e9e9e9;}
.comLeft li{ width:206px; height:95px; float:left; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; border-top: 1px solid #e9e9e9; overflow:hidden; margin-top:10px;}
.comRight{ width:891px; float:left; border-bottom:1px solid #e9e9e9;}
.comTop{ width:890px; height:43px; float:left; font:bold 16px/43px "Microsoft Yahei","\5b8b\4f53"; background:#f8f8f8; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; position:relative; z-index:1;}
.comTop p{ width:814px; height:43px; text-align:center; position:absolute; left:0; top:0; z-index:2;}
.comTop p a{ width:63px; height:43px; float:left; border-right:1px solid #e9e9e9; color:#333;}
.comTop p a#shui0,#air0,#noise0,#clean0,#valve0,#meter0,#energy0,#data0,#serve0{ width:109px;}
.comTop a.more{ float:right; padding-right:15px; color:#333;}
.comTop a.more:hover,.comRight li a:hover{ color:#f60; text-decoration:underline;}
.comTop a.active{ color:#4e9b31; background:#fff; border-bottom:1px solid #fff;}
.comRight ul{ width:890px; height:280px; float:left; border-right:1px solid #e9e9e9; padding:14px 0 21px; display:none;}
.comRight li{ width:251px; height:28px; float:left; margin-left:34px; display:inline; overflow:hidden; font-size:14px; line-height:28px; color:#2455b1;}
.comRight li a{ color:#333;}
/*companyBox-title*/
.air h3{ background-position:0 -40px;}
.noise h3{ background-position:0 -80px;}
.clean h3{ background-position:0 -120px;}
.valve h3{ background-position:0 -160px;}
.meter h3{ background-position:0 -200px;}
.energy h3{ background-position:0 -240px;}
.data h3{ background-position:0 -280px;}
.serve h3{ background-position:0 -320px;}
/*companyBox-border*/
.air{ border-top:2px solid #006ce2;}
.noise{ border-top:2px solid #ff5200;}
.clean{ border-top:2px solid #009804;}
.valve{ border-top:2px solid #aa5dd3;}
.meter{ border-top:2px solid #777;}
.energy{ border-top:2px solid #329cce;}
.data{ border-top:2px solid #76a246;}
.serve{ border-top:2px solid #789a7f;}
/*service*/
.service{ width:1100px; margin:24px auto 0;}
.service dl{ width:260px; height:94px; float:left; padding-left:22px; border-left:1px solid #f2f2f2;}
.service dt{ width:260px; height:48px; float:left; font:normal 16px/48px "Microsoft Yahei","\5b8b\4f53"; color:#565656; text-indent:48px; background:url(../images/company2015/serviceIcon.jpg) no-repeat;}
.service dd{ width:210px; height:46px; float:left; line-height:23px;}
.service dd a{ color:#999; padding-right:14px;}
.service dd a:hover{ color:#f60; text-decoration:underline;}
.service .s4,.service .s4 dt{ width:210px;}
.service .s2 dt{ background-position:0 -48px;}
.service .s3 dt{ background-position:0 -96px;}
.service .s4 dt{ background-position:0 -144px;}
/*footer*/
#footer{ width:100%; margin:24px auto 0; background:url(../images/purchase2015/footbg.jpg) repeat-x; padding-bottom:20px;}
.footer{ width:1100px; margin:0 auto; padding-top:16px;}
.footer p{ width:1100px; float:left; font:normal 12px/30px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden; color:#878787;}
.footer p a{ padding:0 4px; color:#878787;}
.footer p a:hover,.footer span a:hover{ color:#f60; text-decoration:underline;}
.footer span{ width:1100px; height:26px; float:left; padding:16px 0; text-align:center; font:normal 16px/26px "Microsoft Yahei","\5b8b\4f53"; color:#333;}
.footer span a{ color:#333; padding:0 10px;}
.footer b{ width:1100px; height:21px; float:left; text-align:center; font:normal 12px/21px "Tahoma","\5b8b\4f53"; color:#888;}
.footer strong{ padding:0 15px;}
/*goTop*/
.backHome{ width:54px; }
.backHome a{ width:38px; height:46px; display:block; float:left; background:#5b7648; text-align:center; font:normal 14px/20px "Microsoft Yahei","simhei"; color:#fff; padding:8px 8px 0 8px; margin:2px 0; opacity:0.7; filter:alpha(opacity=70); background:url(../images/public/rightBar.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px; }
.backHome a:hover{ opacity:1; filter:alpha(opacity=100); }
.backHome a.guest,.backHome a.guest:hover{ background:url(../images/public/rightBar.png) no-repeat 0 -114px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.price{ background:url(../images/public/rightBar.png) no-repeat 0px -57px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.guest:hover,.backHome a.price:hover{ opacity: 1; filter:alpha(opacity=100); }
.toTop{ width:54px; height:54px; position:fixed; _position:absolute; top:379px; _top:expression(eval(document.documentElement.scrollTop+321)); display:none; }
.toTop a,.toTop a:hover{ display:block; width:54px; height:54px; background:url(../images/public/rightBar2.png) no-repeat 0px -171px; opacity: 0.6; filter:alpha(opacity=60); }
.toTop a:hover{ opacity:1; filter:alpha(opacity=100); }
#goTop { position:fixed; _position:absolute; top:203px; display:block; right:10px; z-index: 9999;}
*html, * html body { background-attachment:fixed; }
*html #goTop { position:absolute; right:expression(eval(document.documentElement.scrollLeft+10)); top:expression(eval(document.documentElement.scrollTop+145)); }